<!--广告日统计数据-->

<div class="ad-data-statistics">
    <ol class="breadcrumb" style="font-size: 12px;">
        <li>数据中心</li>
        <li>整体趋势</li>
    </ol>

    <div class="pl-20" style="padding-top:10px">
        <h5>整体概要</h5>
        <div class="inline-block title-bar">
            <div class="inline-block pointer">
                <span>总用户</span>
                <p>{{totalView.cumulativeUsers|number}}</p>
            </div>
            <div class="inline-block ">
                <span>启动次数</span>
                <p>{{totalView.startNum|number}}</p>

            </div>

            <!--<div class="inline-block">-->
                <!--<span>播放次数</span>-->
                <!--<p>{{totalView.playNum|number}}</p>-->
            <!--</div>-->
            <!--<div class="inline-block">-->
                <!--<span>广告用户</span>-->
                <!--<p>{{totalView.cumulativeAdUsers|number}}</p>-->
            <!--</div>-->
        </div>

    </div>


    <section class="fg-section">
        <h5>整体趋势</h5>
        <uib-tabset active="mode">
            <uib-tab index="0" heading="总用户" select="tabSelect(0)"></uib-tab>
            <uib-tab index="2" heading="活跃用户" select="tabSelect(2)"></uib-tab>
            <uib-tab index="1" heading="启动次数" select="tabSelect(1)"></uib-tab>
            <!--<uib-tab index="3" heading="播放次数" select="tabSelect(3)"></uib-tab>-->
            <!--<uib-tab index="4" heading="广告用户" select="tabSelect(4)"></uib-tab>-->
            <input ims-select-range-time="rangeDate" type="text" class="day-input">

        </uib-tabset>
        <div chart="chartOpt" style="width: 100%;height: 500px" class="chart-show"></div>


    </section>

    <table class="table table-bordered table-hover" id="targetTable">
        <thead>
        <tr>
            <th>日期</th>
            <th>总用户</th>
            <th>活跃用户</th>
            <th>启动次数</th>
            <!--<th>播放次数</th>-->
            <!--<th>广告用户</th>-->
            <th>新增用户占比</th>
            <th>活跃用户占比</th>
            <!--<th>广告用户占比</th>-->

        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in list">
            <!-- <td><input type="checkbox" id="{{$index}}" class="chk_1">
                 <label for="{{$index}}"></label></td>-->
            <td>{{item.dayTime}}</td>
            <td>{{item.cumulativeUsers|number}}</td>
            <td>{{item.activeUsers|number}}</td>
            <td>{{item.startNum|number}}</td>
            <!--<td>{{item.playNum}}</td>-->
            <!--<td>{{item.cumulativeAdUsers}}</td>-->
            <td>{{item.newUserRate*100|number:1}}%</td>
            <td>{{item.activeUserRate*100|number:1}}%</td>
            <!--<td>{{item.adUserRate*100|number:1}}%</td>-->

        </tr>
        </tbody>
    </table>



</div>
